JavaScript(Velo)範例
javascript
複製程式碼
$w.onReady(function () {
// 設置標題和文章段落
$w("#mainTitle").text = "黑膠唱片的浪漫";
$w("#description").text = "黑膠唱片喚醒了過往時光的記憶,在懷舊的旋律中漫遊。";
});
在這段程式碼中,$w 是 Wix Velo 的主要物件,用來控制頁面的元素。#mainTitle 和 #description 是網頁元素的 ID。
3. 圖像配置
如果想要動態載入或更改網頁上的圖片,Velo 提供了簡單的接口。
➡️假設你有一個圖片元素,想要展示黑膠唱片的圖片:
HTML 目標結構
html
複製程式碼
JavaScript(Velo)範例
javascript
複製程式碼
$w.onReady(function () {
// 設置圖片的來源
$w("#vinylImage").src = "https://your-image-url.com/vinyl-record.jpg";
});
這樣,你可以將任何圖片動態地加載到頁面上,圖片的來源可以是外部網址,也可以是你上傳到 Wix 媒體庫的圖片。